Digital Garden自定义组件
Info
添加自定义组件
作者原文
Release 1.39.0 of the template introduced a new way to add custom components to your site. Previously, any customization done in the template would be overwritten whenever you updated the template, making it hard to maintain if you wanted the latest update.
The template now has the concept of slots, where you can add any content you want. Be it Javascript, HTML or CSS.
模板引入插槽(插件)的概念,现在可以向网站中引入任何你想要添加的组件!无论是 JS 还是 HTML 还是 CSS,即使模板更新了也不会被覆盖。
具体的使用方法和介绍作者写的十分详细可以在 Adding custom components 查看具体的使用方法
添加自定义组件的模板语法
这是一段路径,包含了自定组件的作用域等待内容。
src/site/_includes/components/user/<namespace>/<slot>/<filename>.njk
Namespace
支持使用自定义组件的命名空间:
common
同时在主页和笔记上添加index
只添加到主页notes
添加到笔记
Slot
以下是支持的插槽:
- head
- 将被放置在 html
<head>
标记内
- 将被放置在 html
- header
- 将被放置在
<header>
中, 在 tag 和标题后
- 将被放置在
- beforeContent
- 将被放置在页面内容之前
- afterContent
- 将被放置在页面内容的后面
- footer
- 将被放置在页面的页脚
参考连接:
- Google Analytics · oleeskild/obsidian-digital-garden · Discussion #195 · GitHub
- Adding custom components